const BASE_URL ='http://api-breakingnews-web.itheima.net'
//切换注册登录
//点击显示注册盒子
$("#goto-register").on("click", function () {
  $("#register").show();
});
// 点击登录，注册盒子隐藏
$("#goto-login").on("click", function () {
  $("#register").hide();
});

//注册校验-登录
let form = window.layui.form;
form.verify({
  username: function (value) {
    //value：表单的值

    if (!/^[a-z0-9]{6,10}$/.test(value)) {
      return "用户名格式不正确，请输入6-10位";
    }
  },
  password: function (value) {
    //value：表单的值

    if (!/^[\S]{6,10}$/.test(value)) {
      return "密码格式不正确";
    }
  },
  //重新输入密码
  repwd:function(value){
if($('#register input[name=password]').val()!==value){
return '前后密码不一致，请重新输入'
}
  }
});

// 注册提交
//使用form注册 submit事件功能的好处：格式不一致，不会发送请求并提示格式错误。给按钮注册点击事件，不会校验格式是否正确，只要点击就会触发
$('#register .layui-form').on('submit',function(e){
    e.preventDefault()
    // console.log(1);
let data = $('#register form').serialize()
axios.post(`${BASE_URL}/api/reguser`,data).then(res=>{
    if(res.data.status===0){
       $('#register').hide()
    }
})
})
//登录
$('#login .layui-form').on('submit',function(e){
    e.preventDefault()
    // console.log(1);
let data = $('#login form').serialize()
axios.post(`${BASE_URL}/api/login`,data).then(res=>{
    // 解构,获取信息
let {status,message} =res.data
    if(status===0){
        // 保存token到本地
        localStorage.setItem('token',res.data.token)
        // 登录状态弹窗
        layer.msg(message, {
            icon: 1,
            time: 2000 //2秒关闭（如果不配置，默认是3秒）
          }, function(){
            location.href='/index.html'
          })}else{
            layer.msg(message, {
                icon: 2,
                time: 2000 
              }, function(){
                //do something
              })
          }
})
})
